<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title>微签到图表</title>
		<style type="text/css">
			.charts {
				width: 400px;
				height: 400px;
				margin: 20px;
				display: inline-block;
				border-radius: 20px;
				box-shadow: 2px 2px 4px 2px #ccc;
			}
			
			.charts:hover {
				box-shadow: 4px 4px 6px 4px #bbb;
			}
		</style>
		<script type="text/javascript" src="/echars/w-charts.js"></script>
		<script type="text/javascript" src="/echars/echarts.min.js"></script>
	</head>

	<body>
		<div id="personal" class="charts"></div>
		<div id="instructor" class="charts"></div>
		<div id="faculty" class="charts"></div>
		<div id="class" class="charts" style="width: 800px;"></div>
		<div id="type" class="charts"></div>
		<div id="week" class="charts"></div>
		<div id="month" class="charts"></div>

<!--		<script type="text/javascript" src="/echars/echarts.min.js"></script>-->
<!--		<script type="text/javascript" src="/echars/w-charts.js"></script>-->
	<script>
		var type=1;
		switch (type) {
			case 1:break;
		}

	</script>

	</body>

</html>